<!DOCTYPE html>
<iframe srcdoc='<style>
body {
    background-color: red;
}
#hidden, #overlap {
    position: absolute;
    width: 100px;
    height: 100px;
    top: 0px;
    left: 0px;
}
#overlap {
    background-color: papayawhip;
    left: 50px;
}
#hidden {
    visibility: hidden;
}
</style>
<div id="hidden"></div>
<div id="overlap"></div>
<script>
document.getElementById("hidden").style.willChange = "transform";

if (window.testRunner)
    testRunner.dumpAsText();
if (window.internals)
    testRunner.setCustomTextOutput(internals.layerTreeAsText(top.document));
</script>
'></iframe>
